
:root {
    --clr-primary: #2942b2;
    --clr-secondary: crimson;

    --bg-primary: #0d1a2d;
    --bg-secondary: #14273e;

    --text-primary: #fff;
    --text-secondary: #ccc;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    font: inherit;
}

html {
    color-scheme: dark;
}

body {
    font-family: system-ui, sans-serif;
    min-height: 100vh;
    background-color: var(--bg-primary);
    color: var(--text-secondary);
}

ul:where([role="list"]) {
    list-style: none;
    margin: 0;
    padding: 0;
}

section {
    padding-block: clamp(2rem, 5vw, 5rem);
}

/*a {*/
/*    color: cyan;*/
/*    text-decoration: none;*/
/*}*/
